import React from "react";
import '@/assets/css/hotel-info.css'; // 引入样式
import { TMap } from '@map-component/react-tmap';

const About = () => {

  return (
    <>
      <div className="heaerd">
        <React.UI.Swiper loop autoplay>
          <React.UI.Swiper.Item>
            <NavLink to="/coupon/info" >
              <React.UI.Image src='/assets/images/hotel1.jpg' height={213} fit='cover' />
            </NavLink>
          </React.UI.Swiper.Item>
          <React.UI.Swiper.Item>
            <NavLink to="/coupon/info">
              <React.UI.Image src='/assets/images/hotel3.jpg' height={213} fit='cover' />
            </NavLink>
          </React.UI.Swiper.Item>
        </React.UI.Swiper>
      </div>
      <div className="hotelinfo">
        <div className="hotelinfo_title">
          创想第一门店
        </div>
        <div className="hotelinfo_address">
          广东省深圳市福田区华强北街道振兴路341号上步工业区
        </div>
        <div className="hotelinfo_desc">
          <div className="desc_title">简介</div>
          <div>这里是极速创想第一门店</div>
        </div>
        <div className="hotelinfo_desc">
          <div className="desc_title">详情</div>
          <div>这里是极速创想第一门店，欢迎你的预订入住</div>
        </div>
        <div className="map">
          <TMap
            mapKey="TOZBZ-OU2CX-JJP4Z-7FCBV-CDDJ2-AHFQZ"
            center={{ lat: 39.984104, lng: 116.307503 }}
            version='1.exp'
          />
        </div>
      </div>
    </>
  )
}

export default About;